@charset "utf-8";
body {
	font-family: "Microsoft Yahei";
	overflow-x: hidden;
	background: #fdfefe
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
em, i {
	font-style: normal;
}
.titis {
	height: 106px;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	background: url(../images/ico1.png) no-repeat center bottom;
}
.titis h2 {
	height: 63px;
	line-height: 63px;
	font-size: 44px;
	color: #333333;
	font-weight: bold;
}
.titis h2 a {
	color: #333333
}
.titis h2 i {
	margin: 0 20px;
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #333333;
	border-radius: 50%;
	vertical-align: middle;
}
.titis em {
	display: block;
	font-size: 15px;
	height: 29px;
	line-height: 29px;
	color: #333333;
	text-transform: uppercase;
}
.titis p {
	font-size: 22px;
	color: #333333;
	height: 30px;
	line-height: 30px;
}
.titis p span {
	font-weight: bold;
	font-size: 22px;
}
.titis p span i {
	color: #ff7d0b
}
.yz_bj {
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	background: url(../images/yz_bj.jpg) no-repeat center top;
	height: 663px;
	padding-top: 103px;
}
.yz_c dl {
	height: 243px;
	padding-left: 61px;
}
.yz_c dt {
	float: left;
	width: 339px;
	height: 142px;
	font-size: 32px;
	color: #ff7d0b;
	font-weight: bold;
	padding: 0px 0 0 0px;
	line-height: 47px;
	box-sizing: border-box;
}
.yz_c dd {
	float: right;
	width: 720px;
	padding-top: 19px;
	margin-top: 2px;
	background: url(../images/yz_a2.png) no-repeat left top;
	font-size: 16px;
	color: #333333;
	line-height: 36px;
}
.yz_c dd em {
	font-size: 18px;
	font-weight: bold;
}
.yz_c li {
	float: left;
	width: 25%;
	text-align: center;
	position: relative;
}
.yz_c li i {
	width: 107px;
	height: 107px;
	margin: 0 auto;
	display: block;
	position: relative;
}
.yz_c li i:after {
	content: "";
	display: block;
	background: url(../images/yz_a3.png) no-repeat;
	position: absolute;
	left: 9px;
	top: 10px;
	width: 89px;
	height: 87px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-animation: abdY 8s infinite;
	-moz-animation: abdY 8s infinite;
	-o-animation: abdY 8s infinite;
	-ms-animation: abdY 8s infinite;
	animation: abdY 8s infinite;
}
.yz_c li p {
	font-size: 51px;
	color: #333333;
	height: 65px;
	line-height: 65px;
	margin-top: 13px;
}
.yz_c li p em {
	font-size: 64px;
	vertical-align: text-bottom;
}
.yz_c li span {
	display: block;
	font-size: 18px;
	color: #262626;
	height: 30px;
	line-height: 30px;
}
.yz_t {
	position: absolute;
	left: -15%;
	top: -10px;
	width: 387px;
	height: 242px;
	border: 6px solid #fff;
	display: none
}
.yz_c li:hover .yz_t {
	display: block;
}
 @keyframes abdY {
 0% {
 transform:rotate(0deg);
}
 100% {
 transform:rotate(360deg);
}
}
.yous {
	height: 894px;
	padding: 76px 0 0;
	box-sizing: border-box;
	background: #ffffff url(../images/bg.jpg) no-repeat center 116px;
	overflow: hidden;
}
.wrap-inner {
	width: 1200px;
	margin: 50px auto 0;
	position: relative;
}
.ys_ico1 {
	position: absolute;
	top: 161px;
	left: 403px;
	z-index: 9
}
.container {
	width: 1500px;
	position: absolute;
	left: 50%;
	top: 118px;
	margin-left: -750px;
	z-index: 10;
}
.path-slider {
	position: absolute;
	top: 22px;
	left: -80px;
}
.gx-show {
	width: 555px;
	height: 368px;
	background: url(../images/gx.png) no-repeat;
	position: absolute;
	left: 550px;
	top: 74px;
	z-index: 5;
}
path {
	stroke-width: 1px;
	stroke: none;
	fill: none
}
.item__icon {
	width: 45px;
	height: 45px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.slider-item {
	position: absolute;
	left: -37px;
	top: -37px;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	width: 190px;
}
.slider-icon {
	opacity: 1;
}
.slider-icon1 {
	width: 186px;
	height: 151px;
	background: url(../images/ms-icon1.png) no-repeat;
	position: absolute;
	left: 0;
	top: -160px;
}
.slider-icon2 {
	width: 186px;
	height: 151px;
	background: url(../images/ms-icon2.png) no-repeat;
	position: absolute;
	left: 0;
	top: -160px;
}
.slider-icon3 {
	width: 186px;
	height: 151px;
	background: url(../images/ms-icon3.png) no-repeat;
	position: absolute;
	left: 0;
	top: -170px;
}
.big-icon {
	opacity: 0;
	display: none;
}
.big-icon1 {
	width: 279px;
	height: 218px;
	background: url(../images/icon1.png) no-repeat;
	position: absolute;
	top: -550px;
	left: -150px;
	animation: heart 1s ease-in-out infinite alternate;
}
.big-icon2 {
	width: 279px;
	height: 218px;
	background: url(../images/icon2.png) no-repeat;
	position: absolute;
	top: -550px;
	left: -150px;
}
.big-icon3 {
	width: 279px;
	height: 218px;
	background: url(../images/icon3.png) no-repeat;
	position: absolute;
	top: -550px;
	left: -150px;
}
@keyframes heart {
from {
transform:translate(0, 0)
}
to {
transform:translate(0, 10px)
}
}
.heart {
	animation: heart 1s ease-in-out infinite alternate;
}
.item-title {
	position: absolute;
	font-size: 18px;
	color: #333333;
	top: -220px;
	left: 50px;
	opacity: 1;
	font-family: 'Microsoft Yahei';
	line-height: 25px;
}
.item-title h2 {
	font-weight: normal;
	font-size: 18px;
	padding-top: 28px;
	background: url(../images/ys_ico2.png) no-repeat left top
}
.item-title span {
	font-family: 'semi';
}
.item-sug {
	font-size: 28px;
	color: #333333;
	position: absolute;
	top: -100px;
	left: -12px;
	opacity: 0;
	font-family: 'wrjz', 'Microsoft Yahei';
}
.item-info {
	width: 128px;
	height: 43px;
	background: url(../images/info.png) no-repeat;
	font-size: 24px;
	color: #333333;
	text-align: center;
	line-height: 40px;
	position: absolute;
	top: -355px;
	left: -193px;
}
.item-dg {
	width: 214px;
	background-size: 100% 43px;
	left: -263px;
}
.item-zn {
	width: 143px;
	background-size: 100% 43px;
}
.sug-top {
	width: 237px;
	position: absolute;
	top: -354px;
	left: 221px;
	z-index: 3;
}
.sug-top1 {
	left: 250px;
}
.add-icon {
	width: 36px;
	height: 36px;
	background: url(../images/add-icon.png) no-repeat;
	position: absolute;
	top: -40px;
	left: 0;
}
.sug-top strong {
	display: block;
	font-size: 32px;
	color: #333333;
	text-align: justify;
	line-height: 38px;
	font-family: 'wrjz', 'Microsoft Yahei';
	font-weight: normal;
}
.sug-top strong i {
	font-family: 'semi';
}
.sug-top .sug-t {
	font-size: 14px;
	color: #8c8f94;
	text-align: justify;
	line-height: 22px;
	margin-top: 10px;
}
.sug-txt {
	position: absolute;
	left: 50%;
	margin-left: -125px;
	top: 700px;
}
.sug-txt p {
	width: 250px;
	font-size: 18px;
	color: #333333;
	text-align: center;
	line-height: 45px;
}
.db-show {
	width: 100%;
	height: 782px;
	background: url(../images/db.gif) no-repeat center bottom;
	position: absolute;
	left: 0;
	top: 0;
}
.sug-text {
	background: #fff;
	box-shadow: 0 0 20px 20px rgba(0, 0, 0,0.1);
	border-radius: 3px;
	position: absolute;
	left: 66px;
	top: -70px;
	width: 343px;
	font-family: 'wrjz', 'Microsoft Yahei';
	z-index: 9;
	display: none;
	border: 1px solid #eeeeee;
}
.sug-text h3 {
	background: #444b54;
	height: 84px;
	line-height: 84px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	position: relative;
	text-align: center;
}
.sug-text h3 img {
	vertical-align: middle;
	margin-right: 3px;
}
.sug-text h3:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -14px;
	top: 27px;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-right: 14px solid #444b54;
}
.sug-tc {
	padding: 16px 20px 40px 28px;
	font-size: 16px;
}
.sug-tc .sug-tc1 {
	border-bottom: 1px solid #cbd1d6;
	margin-bottom: 8px;
}
.sug-tc .sug-tc1:last-child {
	border: 0;
}
.sug-tc .sug-tc1 h4 {
	font-size: 18px;
	font-weight: normal;
}
.sug-tc .sug-tc1 li {
	clear: both;
	height: 85px;
	color: #767b83;
}
.sug-tc .sug-tc2 li {
	margin-top: 20px;
}
.sug-tc .sug-tc2 li:hover {
	color: #3c434e;
}
.sug-tc .sug-tc1 li:last-child {
	height: 42px;
}
.sug-tc .sug-tc1 li em {
	display: block;
	overflow: hidden;
	margin: 19px 0 0 0;
	font-size: 18px;
	color: #444b54;
}
.sug-tc .sug-tc1 li em img {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	vertical-align: middle;
	margin-right: 7px;
}
.sug-tc .sug-tc1 li span {
	display: block;
	font-size: 15px;
	color: #444b54;
	line-height: 24px;
	margin-top: 5px;
}
.sug-tc .sug-tc1 .sug-tclc li {
	height: 85px;
	z-index: 1;
	position: relative;
	border-bottom: 1px solid #cfd4d9;
	padding-left: 12px;
}
.sug-tc .sug-tc1 .sug-tclc li:last-child {
	border: 0;
}
.path-slider__current-item {
	z-index: 999;
}
.pro_bj {
	background: url(../images/pro_bj.jpg) no-repeat center top;
	height: 1176px;
	padding-top: 54px;
	box-sizing: border-box;
}
.pro {
	width: 1290px;
	margin: 0 auto;
}
.pro_qh {
	height: 73px;
	background: url(../images/pro_qh.jpg) repeat-x;
	margin-top: 27px;
	overflow: hidden;
}
.pro_qh li {
	float: left;
	width: 322px;
	text-align: center;
	height: 73px;
	background: url(../images/pro_a4.png) no-repeat right;
	position: relative;
}
.pro_qh p {
	float: left;
	width: 324px;
	text-align: center;
	height: 73px;
	position: relative;
}
.pro_qh li a, .pro_qh p a {
	display: block;
}
.pro_qh li i, .pro_qh p i {
	display: inline-block;
	vertical-align: top;
	padding-top: 15px;
	margin-right: 9px;
}
.pro_qh li span, .pro_qh p span {
	text-align: left;
	padding-top: 18px;
	display: inline-block;
}
.pro_qh li span em, .pro_qh p span em {
	height: 26px;
	line-height: 26px;
	font-size: 18px;
	color: #fff;
}
.pro_qh li span b, .pro_qh p span b {
	font: 11px arial;
	color: rgba(255,255,255,0.2);
	display: block;
}
.pro_qh li.on, .pro_qh p:hover {
	background: #00352f
}
.pro_qh li.on:after {
	content: "";
	display: block;
	background: url(../images/pro_a3.png) no-repeat;
	width: 28px;
	height: 28px;
	position: absolute;
	right: 16px;
	top: 26px;
}
.pro_qh p:hover:after {
	content: "";
	display: block;
	background: url(../images/pro_a3.png) no-repeat;
	width: 28px;
	height: 28px;
	position: absolute;
	right: 56px;
	top: 26px;
}
.pro_nr {
	margin-top: 23px;
	height: 565px;
}
.pro_nr dl {
	height: 565px;
	background: #fff url(../images/pro_a5.png) no-repeat right bottom;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2)
}
.pro_nr dt {
	float: left;
	width: 754px;
	height: 565px;
	overflow: hidden;
	position: relative;
}
.pro_nr dt img {
	width: 754px;
	height: 565px;
	transition: all 0.5s
}
.pro_nr dt:before {
	content: '';
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));
	transform: skewx(-25deg);
	z-index: 9
}
.pro_nr dd {
	float: left;
	width: 425px;
	padding: 92px 0 0 68px;
}
.pro_nr dd h4 a {
	display: block;
	background: url(../images/pro_z1.png) no-repeat left top;
	height: 39px;
	line-height: 39px;
	padding-top: 40px;
	font-size: 28px;
	color: #2e2e2e;
	font-weight: bold;
}
.pro_nr dd ul {
	padding-top: 43px;
}
.pro_nr dd li {
	padding-left: 22px;
	background: url(../images/pro_a1.png) no-repeat left 10px;
	font-size: 16px;
	color: #343434;
	line-height: 26px;
	margin-bottom: 11px;
}
.pro_nr dd em a {
	display: block;
	width: 286px;
	height: 61px;
	border-radius: 30px;
	border: 2px solid #444b54;
	text-align: center;
	line-height: 61px;
	font-size: 16px;
	color: #444b54;
	margin-top: 50px
}
.pro_nr dd em a i {
	vertical-align: top;
	padding: 5px 0 0 16px;
	display: inline-block;
	transition: all 0.5s
}
.pro_nr dd em a:hover i {
	padding: 5px 0 0 25px;
}
.pro_nr dl:hover dt:before {
	left: 100%;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.pro_nr dl:hover dt img {
	transform: scale(1.1);
}
.fenl {
	background: url(../images/fl_bj.png) no-repeat center top;
	height: 222px;
	margin-top: 41px;
}
.fenl .tit {
	float: left;
	width: 247px;
	box-sizing: border-box;
	padding: 41px 0 0 27px;
	float: left;
}
.fenl .tit h4 a {
	display: block;
	height: 60px;
	line-height: 60px;
	font-size: 30px;
	color: #fff;
	background: url(../images/fl_ico1.png) no-repeat 173px 17px;
	letter-spacing: 2px
}
.fenl .tit em a {
	display: block;
	width: 156px;
	height: 35px;
	font-size: 16px;
	color: #fff;
	line-height: 35px;
	border: 1px solid #fff;
	text-align: center;
}
.fenl .tit em a img {
	vertical-align: top;
	margin: 11px 0 0 12px;
	transition: all 0.5s
}
.fenl .tit em a:hover img {
	margin: 11px 0 0 20px;
}
.fenl ul {
	float: left;
	width: 950px;
	padding: 10px 0 0 42px;
}
.fenl li {
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid #cdcfd0;
	padding-left: 17px;
}
.fenl li em {
	float: left;
	width: 109px;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	height: 56px;
}
.fenl li span {
	float: right;
	width: 824px;
}
.fenl li span a {
	font-size: 14px;
	color: #6b6c6c;
	margin-right: 4px;
}
.fenl li span a:last-child {
	margin: 0;
}
.fenl li span a:hover {
	color: #01544a;
}
.fenl li:last-child {
	border: 0;
}
.xt_bj {
	height: 960px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.xt_bj:before {
	content: '';
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));
	transform: skewx(-25deg);
}
.xt_bj:hover:before {
	left: 100%;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
.xt_bj .titis h2, .xt_bj .titis p {
	color: #fff;
}
.xt_nr {
	position: relative;
	z-index: 9;
	padding-top: 176px;
	height: 960px;
	box-sizing: border-box;
}
.xt_nr dl {
	float: right;
	width: 890px;
}
.xt_nr dt {
	float: left;
	font-size: 0;
	line-height: 0;
	width: 503px;
}
.xt_nr dt img {
	width: 503px;
	height: 377px;
}
.xt_nr dt img.active {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-animation: active 2s infinite;
	-moz-animation: active 2s infinite;
	-o-animation: active 2s infinite;
	-ms-animation: active 2s infinite;
	animation: active 2s infinite;
}
.xt_nr dd {
	float: right;
	width: 344px;
	height: 387px;
	border: 1px solid #eeeeee;
	background: #fff;
	margin-top: 75px;
	position: relative;
}
.xt_nr dd h4 {
	background: #444b54;
	height: 82px;
	line-height: 82px;
	border-bottom: 1px solid #eeeeee;
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	padding-left: 29px;
	position: relative;
	z-index: 9
}
.xt_nr dd h4 img {
	vertical-align: middle;
	margin-right: 14px;
}
.xt_nr dd p {
	font-size: 15px;
	color: #444b54;
	line-height: 22px;
	height: 147px;
	padding: 12px 20px 0 20px;
}
.xt_nr dd b {
	display: block;
	font-size: 0;
	line-height: 0;
	width: 326px;
	margin: 0 auto;
	height: 136px
}
.xt_nr dd b img {
	width: 326px;
	height: 136px;
}
.xt_nr dd strong {
	font-weight: bold;
}
.xt_nr dd:after {
	content: "";
	display: block;
	width: 17px;
	height: 31px;
	background: url(../images/xt_aa12.png) no-repeat;
	position: absolute;
	left: -14px;
	top: 27px;
}
.xt-tit {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 70px;
	z-index: 200;
}
.xt_qh {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 107px;
	border-top: 1px solid rgba(0,239,255,0.51);
	z-index: 9;
}
.xt_qh li {
	float: left;
	width: 11.11%;
	text-align: center;
	line-height: 107px;
	background: url(../images/xt_ab3.png) no-repeat right;
	font-size: 20px;
	color: #fff;
}
.xt_qh li.on em {
	padding-right: 41px;
	background: url(../images/xt_ico1.png) no-repeat right;
	display: inline-block;
	font-weight: bold;
}
.fn_bj {
	padding-top: 92px;
	height: 944px;
	background: url(../images/fn_bj.jpg) no-repeat center top;
	box-sizing: border-box;
}
.fn_qh {
	height: 79px;
	margin-top: 28px;
}
.fn_qh li {
	float: left;
	width: 170px;
	height: 50px;
	border: 1px solid #b3b3b3;
	box-sizing: border-box;
	text-align: center;
	line-height: 48px;
	margin-right: 1px;
	position: relative;
}
.fn_qh li:after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 19px;
	right: -8px;
	background: url(../images/fn_ico1.png) no-repeat;
	z-index: 9
}
.fn_qh li:last-child:after {
	display: none
}
.fn_qh li a {
	font-size: 18px;
	color: #333333;
	display: block;
}
.fn_qh li:hover, .fn_qh li.cur {
	background: #01544a;
	border-color: #01544a;
}
.fn_qh li:hover a, .fn_qh li.cur a {
	color: #fff;
	font-weight: bold;
}
.fn_qh li:last-child {
	margin: 0;
}
.fn_con {
	height: 540px;
}
.poster-main {
	position: relative;
	margin: 0 auto;
}
.poster-main .poster-btn {
	position: absolute;
	top: 0;
	cursor: pointer;
}
.poster-main .poster-prev-btn {
	right: 0;
}
.poster-main .poster-prev-btn img {
	position: absolute;
	right: -120px;
	top: 50%;
	transform: translateY(-50%);
}
.poster-main .poster-next-btn {
	left: 0;
}
.poster-main .poster-next-btn img {
	position: absolute;
	left: -120px;
	top: 50%;
	transform: translateY(-50%);
}
.poster-item {
	position: relative;
	margin: 0 auto;
	opacity: 1;
}
.poster-item dd {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	position: absolute;
	left: 0%;
	bottom: 0;
	width: 100%;
	height: 119px;
	background: rgba(0, 0, 0, 0.6);
	padding: 0 40px 0 56px;
	box-sizing: border-box;
}
.poster-item dd h4 {
	padding: 22px 0 0;
	width: 732px;
	font-weight: normal;
}
.poster-item dd h4 a {
	display: block;
	font-size: 22px;
	color: #fff;
	height: 36px;
	line-height: 36px;
}
.poster-item dd p {
	font-size: 16px;
	color: rgba(255,255,255,0.68);
	line-height: 24px;
	width: 700px;
}
.poster-item dd em {
	position: absolute;
	right: 40px;
	top: 24px;
}
.poster-item dd em a {
	display: block;
	width: 115px;
	height: 28px;
	border: 2px solid #fff;
	border-radius: 14px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	line-height: 28px;
	margin-bottom: 6px;
}
.poster-item dd em a img {
	vertical-align: middle;
	margin-right: 4px;
}
.poster-main .poster-list .poster-item dt {
	font-size: 0;
	line-height: 0;
}
.poster-main .poster-list .poster-item dt img {
	display: block;
	width: 100%;
}
.poster-main .poster-list .poster-item {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
}
.poster-main .poster-list .active dd {
	opacity: 1;
	visibility: visible;
}
.poster-main .poster-list .active {
	box-shadow: 0 0 20px rgba(0,0,0,0.1)
}
.al_bj {
	height:1500px;
}
.al_qh {
	margin-top: 26px;
	height: 97px;
	overflow: hidden;
}
.al_qh li {
	float: left;
	width: 14.28%;
	text-align: center;
	padding-top: 26px;
	background: url(../images/al_ico1.png) no-repeat center 2px;
	height: 30px;
	line-height: 30px;
}
.al_qh li a {
	font-size: 20px;
	color: #333333;
	display: block;
}
.al_qh li:hover a, .al_qh li.cur a {
	color: #01544a;
	font-weight: bold;
}
.al_qh li:hover, .al_qh li.cur {
	background: url(../images/al_ico1_hv.png) no-repeat center top;
}
.al_nr {
	height: 274px;
}
.al_nr li {
	float: left;
	width: 184px;
	margin-right: 16px;
}
.al_nr li em {
	display: block;
	font-size: 0;
	line-height: 0;
	margin-bottom: 18px;
	border: 1px solid #e5e5e5;
	width: 182px;
	height: 102px;
	position: relative;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}
.al_nr li em img {
	width: 182px;
	height: 102px;
}
.al_nr li em:after {
	display: block;
	content: "";
	width: 0%;
	height: 1px;
	background: #01544a;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s;
	z-index: 9
}
.al_nr li em:before {
	display: block;
	content: "";
	width: 1px;
	height: 0%;
	background: #01544a;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all 0.3s;
	z-index: 9
}
.al_nr li em a:after {
	display: block;
	content: "";
	width: 0%;
	height: 1px;
	background: #01544a;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all 0.3s;
	z-index: 9
}
.al_nr li em a:before {
	display: block;
	content: "";
	width: 1px;
	height: 0%;
	background: #01544a;
	position: absolute;
	left: 0;
	top: 0px;
	transition: all 0.3s;
	z-index: 9
}
.al_nr li em:hover:after, .al_nr li em:hover a:after {
	width: 100%;
}
.al_nr li em:hover:before, .al_nr li em:hover a:before {
	height: 100%;
}
.al_nr li:last-child {
	margin: 0;
}
.al_btn1 a {
	display: block;
	width: 265px;
	height: 61px;
	border: 1px solid #4d4d4d;
	border-radius: 30px;
	text-align: center;
	line-height: 61px;
	font-size: 17px;
	color: #262626;
	margin: 0 auto;
}
.al_btn1 a img {
	vertical-align: middle;
	margin-left: 11px;
	transition: all 0.5s
}
.al_btn1 a:hover img {
	margin-left: 20px;
}
.fw_bj {
	background: url(../images/fw_bj.jpg) no-repeat center top;
	height: 1071px;
}
.fw_c {
	position: relative;
}
.fw_c .titis p {
	font-size: 15px;
}
.fw_w {
	padding-top: 8px;
	height: 69px;
	position: absolute;
	left: 0;
	bottom: 145px;
	z-index: 20;
}
.fw_w span {
	font-size: 36px;
	color: #000000;
	padding-left: 46px;
	height: 38px;
	line-height: 38px;
	background: url(../images/fw_dd.png) no-repeat left center;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}
.fw_w p {
	font-size: 16px;
	color: #343434;
	line-height: 30px;
}
.fw_ld {
	width: 614px;
	margin: 16px 0 0 118px;
	position: relative;
	z-index: 99;
}
.fw_ld li {
	float: left;
	height: 50px;
	border: 1px solid #b3b3b3;
	box-sizing: border-box;
	text-align: center;
	line-height: 48px;
	margin-right: 2px;
	font-size: 18px;
	color: #333333;
	display: block;
	width: 203px;
}
.fw_ld li em {
	display: block;
	position: relative;
}
.fw_ld li em:after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 19px;
	right: -8px;
	background: url(../images/fn_ico1.png) no-repeat;
	z-index: 9
}
.fw_ld li p {
	display: block;
	font-size: 16px;
	color: #0d0d0d;
	line-height: 30px;
	padding-top: 30px;
}
.fw_ld li:last-child {
	margin: 0;
}
.fw_ld li:last-child em:after {
	display: none
}
.fw_ld li:hover, .fw_ld li.cur {
	background: #01544a;
	border-color: #01544a;
	color: #fff;
	font-weight: bold;
}
.fw_ld li:hover em:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	border-bottom: 9px solid #fff;
	position: absolute;
	left: 46px;
	bottom: -1px;
}
.fw_ld li:hover .fw_as {
	display: block;
}
.fw_ld li .fw_as {
	position: absolute;
	left: 0;
	top: 50px;
	height: 243px;
	background: #fff;
	padding: 29px 40px 0 48px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	text-align: left;
	display: none;
}
.fw_ld li .fw_as h4 {
	height: 74px;
	border-bottom: 1px solid #cfd4d9;
	font-size: 28px;
	color: #1a1a1a;
	font-weight: bold;
	line-height: 60px;
}
.fw_ld li .fw_as h4 img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	margin-right: 18px;
}
.fw_fl {
	float: left;
	width: 400px;
	margin-top: 100px;
	position: relative;
	z-index: 99
}
.fw_qh {
	float: left;
	width: 60px;
	background: url(../images/fw_b1.jpg) repeat-y;
	height: 576px;
}
.fw_qh li {
	height: 192px;
	background: url(../images/fw_b2.png) no-repeat left bottom;
	text-align: center;
	font-size: 16px;
	color: #fff;
	padding: 0 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	line-height: 18px;
	position: relative;
}
.fw_qh li em {
	padding-bottom: 30px;
	background: url(../images/fw_a2.png) no-repeat center bottom;
}
.fw_qh li.on {
	background: url(../images/fw_b3.jpg) repeat-y;
}
.fw_qh li.on em {
	background: url(../images/fw_a1.png) no-repeat center bottom;
}
.fw_qh li.on:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 8px solid #fff;
	position: absolute;
	right: -1px;
	top: 48px;
}
.fw_qh li:last-child {
	background: none
}
.fw_qh li:last-child.on {
	background: url(../images/fw_b3.jpg) repeat-y;
}
.fw_nr {
	background: rgba(255,255,255,0.8);
	height: 575px;
	width: 339px;
	float: right;
	box-sizing: border-box;
	padding: 94px 56px 0 63px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.fw_nr dt img {
	display: block;
	font-size: 0;
	line-height: 0;
}
.fw_nr dt img.active {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-animation: active 2s infinite;
	-moz-animation: active 2s infinite;
	-o-animation: active 2s infinite;
	-ms-animation: active 2s infinite;
	animation: active 2s infinite;
}
.fw_nr dt h4 {
	font-size: 28px;
	color: #1a1a1a;
	font-weight: bold;
	height: 87px;
	line-height: 72px;
	background: url(../images/fw_b4.jpg) no-repeat left bottom;
}
.fw_nr dd {
	font-size: 16px;
	color: #3c3c3c;
	line-height: 36px;
	padding-top: 34px;
}
.fw_t {
	position: absolute;
	top: 789px;
	right: 126px;
}
@keyframes active {
 0%,  100% {
 transform: translateY(0);
}
 50% {
 transform: translateY(-10px);
}
}
#container > div:first-child {
	position: absolute!important;
	top: 0;
	right: 0;
}
#container > div:last-child {
	padding: 1px!important;
	border-radius: 9px!important;
	padding-bottom: 28px;
	overflow: hidden;
}
#container > div:last-child .as {
	min-width: 90px;
	min-height: 30px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
#container > div:last-child p {
}
#container > div:last-child p img {
	width: 400px;
	height: 300px;
}
#container > div:last-child span {
	display: block;
	width: 100%;
	font-size: 18px;
	color: #0d0d0d;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}
.sl_c {
	height: 943px;
	padding-top: 78px;
}
.sl_nr {
	height: 817px;
	margin-top: 20px;
	position: relative;
}
.sl_nd p {
	height: 817px;
}
.sl_nr:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	left: 0;
	bottom: 204px;
}
.sl_n {
	height: 817px;
	position: absolute;
	left: 50%;
	margin-left: -600px!important;
	top: 0;
}
.sl_n li {
	float: left;
	width: 33.33%;
	text-align: center;
	background: url(../images/sl_a3.png) no-repeat right bottom;
	position: relative;
	padding-top: 669px;
	height: 148px;
	z-index: 99
}
.sl_n li h3 i {
	display: block;
	font-size: 0;
	line-height: 0;
}
.sl_n li h3 span {
	display: block;
	font-size: 26px;
	color: #fff;
	margin-top: 12px;
	line-height: 26px;
	font-weight: normal;
}
.sl_n li .sl_w {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0%;
	background: rgba(1,84,74,0.7) url(../images/sl_a2.png) no-repeat left bottom;
	overflow: hidden;
	transition: all 0.5s
}
.sl_n li .sl_w i {
	display: block;
	font-size: 0;
	line-height: 0;
	position: relative;
	width: 117px;
	margin: 77px auto 0;
}
.sl_n li .sl_w i img {
	position: relative;
	z-index: 99
}
.sl_n li .sl_w i:after {
	content: "";
	display: block;
	width: 117px;
	height: 117px;
	background: url(../images/sl_a1.png) no-repeat center top;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.8s 0.3s
}
.sl_n li .sl_w h4 {
	font-size: 30px;
	color: #fff;
	line-height: 40px;
	height: 75px;
	margin-top: 30px;
	background: url(../images/sl_a5.png) no-repeat center 60px;
	font-weight: normal;
}
.sl_n li .sl_w p {
	padding-left: 12px;
	text-align: left;
	background: url(../images/sl_a4.png) no-repeat left 15px;
	margin: 25px 0 0 83px;
	color: #fff;
}
.sl_n li .sl_w p span {
	display: block;
	font-size: 20px;
	line-height: 34px;
	height: 34px;
}
.sl_n li .sl_w p em {
	display: block;
	font-size: 16px;
}
.sl_n li .sl_w strong {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align: center;
}
.sl_n li.on .sl_w {
	height: 100%
}
.sl_n li.on .sl_w i:after {
	transform: rotate(360deg);
}
.sl_n li:nth-child(1) .sl_w p {
	margin: 20px 10% 0 10%;
	font-size: 16px;
	line-height: 30px;
	background-position: left 11px;
}
.sl_n li:nth-child(2) .sl_w p {
	margin: 20px 10% 0 10%;
	font-size: 16px;
	line-height: 30px;
	background-position: left 11px;
}
.sl_n li:nth-child(3) .sl_w h4 {
	margin-bottom: 25px;
}
.sl_n li:nth-child(3) .sl_w p {
	font-size: 16px;
	line-height: 30px;
	margin: 0 10% 0 10%;
	background-position: left 11px;
}
.news {
	padding-top: 60px;
	height: 790px;
}
.news .titis {
	margin-bottom: 14px;
}
.news .tit {
	height: 51px;
	line-height: 51px;
	padding-left: 18px;
	background: url(../images/ns_ico2.png) no-repeat left;
	font-size: 18px;
	color: #005349;
}
.news .tit a {
	color: #005349;
	font-weight: bold;
}
.dongt {
	float: left;
	width: 360px;
}
.dongt dl {
	height: 325px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}
.dongt dt {
	font-size: 0;
	line-height: 0;
	width: 360px;
	height: 180px;
	overflow: hidden;
}
.dongt dt img {
	width: 360px;
	height: 180px;
	transition: all 0.5s;
}
.dongt dd {
	padding-top: 31px;
}
.dongt dd h4 a {
	display: block;
	height: 31px;
	line-height: 31px;
	font-size: 18px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
}
.dongt dl:hover dd h4 a, .dongt li:hover a {
	color: #005349
}
.dongt dl:hover dt img {
	transform: scale(1.1);
}
.dongt dd p {
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	padding-top: 8px;
}
.dongt li {
	height: 51px;
	line-height: 51px;
	border-bottom: 1px dashed #d2d2d2;
}
.dongt li a {
	display: block;
	font-size: 16px;
	color: #333333;
	padding-left: 32px;
	background: url(../images/ns_ico1.png) no-repeat 11px center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dongt li:last-child {
	border: 0;
}
.dongt li em {
	float: right;
	font-size: 14px;
	color: #666666;
}
.ns_d {
	margin: 0 60px;
}
.fh_c {
	height: 77px;
	border: 1px solid #cccccc;
	margin-top: 45px;
	line-height: 77px;
}
.fh_c h4 {
	width: 200px;
	padding-left: 16px;
	margin-left: 28px;
	background: url(../images/ns_ico2.png) no-repeat left center;
	float: left;
}
.fh_c h4 a {
	font-size: 18px;
	color: #005349;
}
.fh_nr {
	float: right;
	width: 954px;
}
.fh_nr li {
	float: left;
	width: 477px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fh_nr li a {
	font-size: 16px;
	color: #333333;
}
.fh_nr li a:hover {
	color: #005349;
}
.ab_bj {
	background: url(../images/ab_bj.jpg) no-repeat center top;
	height: 959px;
	padding-top: 137px;
	box-sizing: border-box;
}
.ab_fl {
	float: left;
	padding: 639px 0 0 35px;
	width: 699px;
}
.ab_fl li {
	float: left;
	width: 233px;
}
.ab_fl li i {
	float: left;
	width: 54px;
	height: 59px;
	overflow: hidden;
	display: block;
}
.ab_fl li i img {
	display: block;
	transition: all 0.5s;
}
.ab_fl li p {
	float: right;
	width: 161px;
	padding-top: 4px;
	position: relative;
	height: 94px;
	box-sizing: border-box;
}
.ab_fl li p:after {
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: #ff7d0b;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all 0.5s;
}
.ab_fl li p span {
	display: block;
	font-size: 24px;
	color: #fff;
	height: 31px;
	line-height: 31px;
}
.ab_fl li p em {
	display: block;
	font: 13px arial;
	color: #fff;
	height: 19px;
	line-height: 19px;
}
.ab_fl li:hover i img {
	margin-top: -59px;
}
.ab_fl li:hover span {
	color: #fff;
}
.ab_fl li:hover em {
	color: #fff
}
.ab_fl li:hover p:after {
	width: 99px;
}
.ab_fr {
	float: right;
	width: 827px;
	height: 734px;
	background: url(../images/ab_w.jpg) no-repeat left top;
	margin-right: -361px;
	box-sizing: border-box;
	padding: 122px 360px 0 100px;
}
.ab_fr i {
	display: block;
	font-size: 0;
	line-height: 0;
}
.ab_fr h4 {
	height: 121px;
	margin-top: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.16);
}
.ab_fr h4 a {
	display: block;
	height: 60px;
	line-height: 60px;
	font-size: 44px;
	color: #fff;
}
.ab_fr h4 a i {
	width: 6px;
	height: 6px;
	border-radius: 50px;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
}
.ab_fr h4 em {
	display: block;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	color: #fff;
}
.ab_fr p {
	font-size: 15px;
	line-height: 32px;
	padding-top: 21px;
	height: 235px;
	color: #fff;
}
.ab_fr span a {
	display: block;
	width: 256px;
	height: 61px;
	line-height: 61px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 30px;
	font-size: 16px;
	color: #fff;
}
.ab_fr span img {
	vertical-align: middle;
	margin-right: 13px;
	transition: all 0.5s
}
.ab_fr span:hover img {
	margin-right: 20px;
}

@media screen and (max-width:1440px) and (min-width:1366px) {
html {
	font-size: 14px;
}
}

@media screen and (max-width:1600px) and (min-width:1441px) {
html {
	font-size: 16px;
}
}

@media screen and (max-width:1920px) and (min-width:1601px) {
html {
	font-size: 20px;
}
}
 @-webkit-keyframes fadeInDown1 {
 from {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
 to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown1 {
 from {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
 to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown1 {
	-webkit-animation-name: fadeInDown1;
	animation-name: fadeInDown1
}
@-webkit-keyframes fadeInDown2 {
 from {
opacity: 0;
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0)
}
 to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown2 {
 from {
opacity: 0;
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0)
}
 to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown2 {
	-webkit-animation-name: fadeInDown2;
	animation-name: fadeInDown2
}
@-webkit-keyframes fadeInLeft1 {
 from {
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0);
opacity: 0
}
 to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes fadeInLeft1 {
 from {
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0);
opacity: 0
}
 to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.fadeInLeft1 {
	-webkit-animation-name: fadeInLeft1;
	animation-name: fadeInLeft1
}
@-webkit-keyframes fadeInLeft2 {
 from {
-webkit-transform: translate3d(-5%, 0, 0);
transform: translate3d(-5%, 0, 0);
opacity: 0
}
 to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes fadeInLeft2 {
 from {
-webkit-transform: translate3d(-5%, 0, 0);
transform: translate3d(-5%, 0, 0);
opacity: 0
}
 to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.fadeInLeft2 {
	-webkit-animation-name: fadeInLeft2;
	animation-name: fadeInLeft2
}
@-webkit-keyframes fadeInRight1 {
 from {
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0);
opacity: 0
}
 to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes fadeInRight1 {
 from {
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0);
opacity: 0
}
 to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.fadeInRight1 {
	-webkit-animation-name: fadeInRight1;
	animation-name: fadeInRight1
}
@-webkit-keyframes fadeInRight2 {
 from {
-webkit-transform: translate3d(5%, 0, 0);
transform: translate3d(5%, 0, 0);
opacity: 0
}
 to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes fadeInRight2 {
 from {
-webkit-transform: translate3d(5%, 0, 0);
transform: translate3d(5%, 0, 0);
opacity: 0
}
 to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.fadeInRight2 {
	-webkit-animation-name: fadeInRight2;
	animation-name: fadeInRight2
}
@-webkit-keyframes zoomLeft {
 from {
-webkit-transform: scale3d(0.3, .3, .3);
transform: scale3d(0.3, .3, .3);
opacity: 0
}
 50% {
opacity: 1
}
}
@keyframes zoomLeft {
 from {
-webkit-transform: scale3d(0.3, .3, .3);
transform: scale3d(0.3, .3, .3);
opacity: 0
}
 50% {
opacity: 1
}
}
.zoomLeft {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation-name: zoomLeft;
	animation-name: zoomLeft
}
.zoomRight {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation-name: zoomLeft;
	animation-name: zoomLeft
}
@-webkit-keyframes fadeInUp1 {
 from {
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
opacity: 0
}
 to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes fadeInUp1 {
 from {
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
opacity: 0
}
 to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.fadeInUp1 {
	-webkit-animation-name: fadeInUp1;
	animation-name: fadeInUp1
}
@-webkit-keyframes fadeInUp2 {
 from {
-webkit-transform: translate3d(0, 2%, 0);
transform: translate3d(0, 2%, 0);
opacity: 0
}
 to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes fadeInUp2 {
 from {
-webkit-transform: translate3d(0, 2%, 0);
transform: translate3d(0, 2%, 0);
opacity: 0
}
 to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.fadeInUp2 {
	-webkit-animation-name: fadeInUp2;
	animation-name: fadeInUp2
}
.k12-cl-cplb-3nf1-1-01-list dl {
	width: 24%;
	border: 1px solid #dedede;
	margin-bottom: 15px;
	background: #fff;
	float: left;
	margin-right: 1.3%;
	box-sizing: border-box;
}
.k12-cl-cplb-3nf1-1-01-list dl:nth-child(5n-1) {
	margin-right: 0;
}
.k12-cl-cplb-3nf1-1-01-list dt {
	width: 100%;
	box-sizing: border-box;
}
.k12-cl-cplb-3nf1-1-01-list dt img {
	width: 100%;
	display: block;
}
.k12-cl-cplb-3nf1-1-01-list dd {
	padding: 6px 20px 0 20px;
}
.k12-cl-cplb-3nf1-1-01-list dd h4 {
	height: 45px;
	font-weight: normal;
	font-size: 18px;
	color: #154c64;
	line-height: 45px;
	text-align: center;
}
.k12-cl-cplb-3nf1-1-01-list h4 a {
	display: block;
	color: #727272;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.k12-cl-cplb-3nf1-1-01-list dl:hover h4 a {
	color: #01544a;
}
.k12-cl-cplb-3nf1-1-01-list-desc {
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	margin-bottom: 12px;
	overflow: hidden;
}
.k12-cl-cplb-3nf1-1-01-list-deta {
	width: 100px;
	height: 40px;
	display: inline-block;
	border: 1px solid #aaa;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
.k12-cl-cplb-3nf1-1-01-list dl:hover {
	border-color: #01544a;
}
.k12-cl-cplb-3nf1-1-01-list dl:hover .k12-cl-cplb-3nf1-1-01-list-deta {
	background: #01544a;
	border-color: #01544a;
}
.k12-cl-cplb-3nf1-1-01-list dl:hover .k12-cl-cplb-3nf1-1-01-list-deta a {
	color: #fff;
}